<template>
	<div>
		<p>我是组件</p>
		<mt-button type="default" icon="more" @click="show">default</mt-button>
		<mt-button type="danger">default</mt-button>
		<mt-button type="default" size="small">default</mt-button>

		<button type="button" class="mui-btn mui-btn-royal">紫色</button>
		<br />

		<!-- <mybtn>12222</mybtn> -->

		<router-link to="/account">Account</router-link>
		<router-link to="/goodslist">goodslist</router-link>
		<router-view></router-view>
	</div>
</template>

<script>
//按需导入Toast组件
import { Toast } from 'mint-ui';
export default {
	data: function() {
		return {
			toastInstanse: null
		};
	},
	created() {
		this.getList();
	},
	methods: {
		getList() {
			//模拟获取列表的一个AJax方法
			//在获取数据之前，立即Toast提示用户，正在加载数据
			this.show();
			setTimeout(() => {
				this.toastInstanse.close();
			}, 2000);
		},
		show() {
			// Toast("操作成功");
			this.toastInstanse = Toast({
				message: '这是消息',
				duration: -1, //如果是-1弹出时候不会消失
				position: 'top',
				iconClass: 'glyphicon glyphicon-ok', //设置图标的类，这里面使用的bootstrap
				className: 'mytoast' //自定义Tosat的样式，需要提供自己提供一个类名
			});
			/* Toast({
					message:"这是消息",
					duration:-1, //如果是-1弹出时候不会消失
					position:'top',
					iconClass:'glyphicon glyphicon-ok',//设置图标的类，这里面使用的bootstrap
					className:'mytoast' //自定义Tosat的样式，需要提供自己提供一个类名
				}); */
		}
	}
};
</script>

<style></style>
